<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>商城</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script src="../js/flexible.debug.js"></script>
		<link rel="stylesheet" type="text/css" href="../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../css/Shopping-Mall.css" />
		<link rel="stylesheet" type="text/css" href="../css/swiper-3.4.2.min.css" />
	</head>

	<body>
		<header class="header">
			<span><</span>
			<span>商城</span>
			<span></span>
		</header>

			<div class="img-11">
				<img src="../img/11-11.png" />
			</div>
		<section class="section">
			<!---->
			<!--<div class="Recommend">
				<span>智能菜谱</span>
				<span></span>
				<span>更多></span>
			</div>
			<div class="list">
			<div class="list-text">
				<img src="../img/dianqi.png"/>
				<p>方太家用嵌入式消毒柜</p>
				<p>NSJDMS-MJSKF</p>
				<p>￥3990</p>
			</div>
			
			<div class="list-text">
				<img src="../img/dianqi.png"/>
				<p>方太家用嵌入式消毒柜</p>
				<p>NSJDMS-MJSKF</p>
				<p>￥3990</p>
			</div>
			
			<div class="list-text">
				<img src="../img/dianqi.png"/>
				<p>方太家用嵌入式消毒柜</p>
				<p>NSJDMS-MJSKF</p>
				<p>￥3990</p>
			</div>
			
			<div class="list-text">
				<img src="../img/dianqi.png"/>
				<p>方太家用嵌入式消毒柜</p>
				<p>NSJDMS-MJSKF</p>
				<p>￥3990</p>
			</div>
			</div>-->
			
			
			
		</section>
		
		<script type="text/html" id="id">
			{{each abc v i}}
			<div class="Recommend">
				<span>{{v.span1}}</span>
				<span></span>
				<span>{{v.span3}}></span>
			</div>
			<div class="list">
			<div class="list-text">
				<img src="../img/dianqi.png"/>
				<p>方太家用嵌入式消毒柜</p>
				<p>NSJDMS-MJSKF</p>
				<p>￥3990</p>
			</div>
			
			<div class="list-text">
				<img src="../img/dianqi.png"/>
				<p>方太家用嵌入式消毒柜</p>
				<p>NSJDMS-MJSKF</p>
				<p>￥3990</p>
			</div>
			
			<div class="list-text">
				<img src="../img/dianqi.png"/>
				<p>方太家用嵌入式消毒柜</p>
				<p>NSJDMS-MJSKF</p>
				<p>￥3990</p>
			</div>
			
			<div class="list-text">
				<img src="../img/dianqi.png"/>
				<p>方太家用嵌入式消毒柜</p>
				<p>NSJDMS-MJSKF</p>
				<p>￥3990</p>
			</div>
			</div>
			{{/each}}
		</script>

		<script src="../js/jquery-3.2.1.js"></script>
		<script src="../js/swiper-3.4.2.jquery.min.js"></script>
		<script src="../js/template-web.js"></script>

		<script>
			$('.header span:first-child').click(function() {
				location.href = "../html/All-applications.html"
			})
			$.ajax({
				type:"get",
				url:"../json/Shopping-Mall.json",
				success:function(data){
					var str=template("id",{abc:data})
					$('.section').html(str)
				}
			});
		</script>
	</body>

</html>